<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <script src="../public/maincss.js"></script>
</head>

<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="managertitle" style="padding: 10px">
                    <form class="form-inline" role="form">
                        <div class="query-group">
                            <label class="control-label">产品名称：</label>
                            <input type="text" placeholder="产品名称"  class="form-control" id="productNameQuery" style="width:120px;">
                        </div>
                        <div class="query-group">
                            <label class="control-label">产品编号：</label>
                            <input type="text" placeholder="产品编号"  class="form-control" id="productCodeQuery" style="width:120px;">
                        </div>
                        <div class="query-group">
                            <label class="control-label">销售状态：</label>
                            <select class="form-control" id="statusQuery">
                                <option value="">选择</option>
                                <option value="1">在售</option>
                                <option value="2">停售</option>
                            </select>
                        </div>
                        <div class="searchbtn">
                            <input type="button" onClick="makeQuery();" class="btn btn-primary" value="搜 索">
                            <input class="btn btn-primary" value="重 置" type="reset">
                        </div>
                    </form>
                </div>
                <div class="tab_box">
                    <div class="ibox-content">
                        <table class="table table-striped table-bordered table-hover " id="editable">
                            <thead>
                            <tr>
                                <th>序号</th>
                                <th>产品编号</th>
                                <th>产品名称</th>
                                <th>销售状态</th>
                                <th>是否促销</th>
                                <th>排序</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody id="prolist">
                            </tbody>
                            <tbody id="proadd">
                            <tr>
                                <td>添加</td>
                                <td>
                                    <input type="text"  class="manager-input m-input width100" placeholder="产品编号" id="productCode" chknonull="yes" chkmsg="产品编号">
                                </td>
                                <td>
                                    <input type="text"  class="manager-input m-input width100" placeholder="产品名称" id="productName" chknonull="yes" chkmsg="产品名称">
                                </td>
                                <td>--</td>
                                <td>
                                    <select id="recommend" >
                                        <option value="0">否</option>
                                        <option value="1">是</option>
                                    </select>
                                </td>
                                <td colspan="2">
                                    <a onclick="addProduct();" href="javascript:void(0);" class="btn btn-primary ">添加</a>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                        <div id="page" class="pager_container clearfix" >
                            <input id="totalcount" type="hidden" value="0" />
                            <input id="pagenumber" type="hidden" value="1" />
                            <div id="pager"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script src="../public/main.js"></script>
<script src="js/diyproductlist.js"></script>
</html>